<div class="kitchen-receipt print-receipt v-flow" data-id="{{preOrder.id}}" *ngIf="preOrder &amp;&amp; kitchenPrintSetting"
    style="position:fixed;top:10000px;" [ngClass]='currentPrinter.paperSize && currentPrinter.paperSize.value'>
    <div class='img-p box-c' *ngIf='preOrder.extend &amp;&amp; preOrder.extend.QRCodePrinted'>
        <img src="{{preOrder.codePic}}" />
    </div>
    <hr class="bold-line" *ngIf='preOrder.extend &amp;&amp;preOrder.extend.QRCodePrinted' />

    <div class='p'>
        <div class="auto-flex">
            <span>{{preOrder.expediteBeginTime | date:'MM月dd日 HH:mm'}}</span>
        </div>
        <div>
            <span>出品</span>
        </div>
    </div>
    <hr class="bold-line" *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.printMode!='image'" />
    <div class='p' *ngIf="preOrder.orderedTime">
        <div class="auto-flex">
            <span>下单时间：{{preOrder.orderedTime | date:'MM月dd日 HH:mm'}}</span>
        </div>
    </div>
    <hr class="bold-line" *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.printMode!='image'" />
    <div class='p' *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.printMode!='image'">
        <div class="auto-flex big-size-2xl">
            <span>出品单号：</span>
            <span>{{preOrder.serialNo}}</span>
        </div>
    </div>
    <div class='p text-center padding' *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.printMode=='image'" style="background:black;color:white">
        <span class="big-size-3xl">{{preOrder.serialNo}}</span>
    </div>
    <hr class="bold-line" *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.printMode!='image'" />
    <!--商品列表-->
    <div class="p"></div>
    <div class="p">
        <div class="text-center big-size-2xl auto-flex">
            <span>{{preOrder.customerIdentity}}</span>
        </div>
    </div>
    <hr class="bold-line"/>

    <div class='rows' *ngFor='let oi of preOrder.items' data-id="{{oi.id}}">
        <div class='p'>
            <div class="big-size-2xl">
                <span>{{oi.inventoryName}}</span>
            </div>
            <div class='auto-flex big-size-2xl dotted align-baseline p' style="display:flex;visibility: visible" *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.printMode!='image'">
                &nbsp;
                <hr class='auto-flex dotted' /> &nbsp;
            </div>
            <div class='auto-flex big-size-2xl dotted align-baseline p' style="display:flex;visibility: hidden" *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.printMode=='image'">
                &nbsp;
                <hr class='auto-flex dotted' /> &nbsp;
            </div>
            <div class="print-border" *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.printMode=='image'&amp;&amp;oi.qty==1">
                <div class="noshrink align-baseline print-number-one">
                    <span>{{oi.qty}}</span>
                </div>
            </div>
            <div class="print-border" *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.printMode=='image'&amp;&amp;oi.qty!=1">
                <div class="noshrink align-baseline print-number-more">
                    <span>{{oi.qty}}</span>
                </div>
            </div>
            <div class="noshrink align-baseline big-size-2xl" *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.printMode!='image'">
                <span>{{oi.qty}}</span>
            </div>

        </div>
        <!--做法|商品选项-->
        <div class='rows' *ngIf='oi.modifiers &amp;&amp;oi.modifiers.length!=0'>
            <div class='rows' *ngFor='let m of oi.modifiers'>
                <div class='p'>
                    <div style="width:1em"></div>
                    <div class="auto-flex big-size-1hxl">
                        <span>+</span>
                        <span>{{m.options[0].name}}</span>
                    </div>
                </div>
                <div *ngIf='$index>0'>
                    <div *ngFor='let o of m.options'>
                        <div class='p'>
                            <div style="width:2em"></div>
                            <div class="big-size-1hxl">
                                <span>{{o.name}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="p" *ngIf='oi.description'>
            <div class="rows big-size-1hxl" style="width: 100%">
                <span>&nbsp;&nbsp;{{oi.description}}</span>
            </div>
        </div>
        <p *ngIf="kitchenPrintSetting &amp;&amp; kitchenPrintSetting.separator" style="min-height:0;height:1rem"></p>
    </div>
    <hr class="bold-line" />
</div>